{% extends 'index.html' %}
{% load static %}

{% block title %}文章归档{% endblock %}

{% block css %}
<link rel="stylesheet" href="{% static 'css/file.css' %}">
{% endblock %}

{% block content %}
<div class="row">
    <!--左边-->
    <div class="col-lg-8 art-lists">
        <div class="me-head me-flex-b">
            <span>归档</span>
            <div class="art-count">
                共<span> 10 </span>篇文章
            </div>
        </div>
        <div class="lists">
            <div>
                <h4>1月</h4>
                <ul>
                    <li>
                        <a href="#">标题1</a>
                    </li>
                </ul>
            </div>
            <div>
                <h4>2月</h4>
                <ul>
                    <li>
                        <a href="#">标题2</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--右边-->
    <div class="col-lg-3 art-navs">
        <div class="panel panel-default me-panel">
            <div class="panel-heading">
                <h3 class="panel-title"><a href="#"><i class="fa fa-lightbulb-o"></i> 年份</a></h3>
            </div>
            <div class="panel-body me-panel-body">
                <p class="me-flex-b">
                    <a href="#">2020</a>
                </p>
                <p class="me-flex-b">
                    <a href="#">2021</a>
                </p>
                <p class="me-flex-b">
                    <a href="#">2021</a>
                </p>
                <p class="me-flex-b">
                    <a href="#">2021</a>
                </p>
                <p class="me-flex-b">
                    <a href="#">2021</a>
                </p>
                <p class="me-flex-b">
                    <a href="#">2021</a>
                </p>
                <p class="me-flex-b">
                    <a href="#">2021</a>
                </p>
                <p class="me-flex-b">
                    <a href="#">2021</a>
                </p>
                <p class="me-flex-b">
                    <a href="#">2021</a>
                </p>
                <p class="me-flex-b">
                    <a href="#">2021</a>
                </p>
                <p class="me-flex-b">
                    <a href="#">2021</a>
                </p>
                <p class="me-flex-b">
                    <a href="#">2021</a>
                </p>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block js %}
<script>

</script>
{% endblock %}

